<div class="mui-content bg_linear">
  <img src="./assets/images/banner1.png" class="img img-reactive">
  <div class="mui-card card-credit">
    <div class="heading heading-orange">普通版报告</div>
    <img src="./assets/images/credit.png" class="img img-reactive">
    <div class="d-flex">
      <div class="flex">
        111
      </div>

      <div class="flex-2">
        22
      </div>
    </div>
    <button type="button" class="mui-btn mui-btn-danger btn-radius" >查询报告</button>
    <div class="checkbox-row">
      <input name="checkbox"  type="checkbox">
      <label>我已经阅读并同意</label><a href="javascript:">《用户授权协议》</a>
    </div>
    <a href="javascript:" class="card-link">查看样本报告</a>
  </div>

  <div class="mui-card">
    <div class="heading heading-blue">普通版报告</div>
    <img src="./assets/images/credit-detials.png" class="img img-reactive">
  </div>
  <p class="note">注：详细版包含普通版报告所有内容</p>

  <div class="container">
    <ol class="help-list">
      <li>
        查询需要什么？
        <p>手机号、身份证号、本人面部识别，仅需30s</p>
      </li>
      <li>
        查询需要什么？
        <p>手机号、身份证号、本人面部识别，仅需30s</p>
      </li>
      <li>
        查询需要什么？
        <p>手机号、身份证号、本人面部识别，仅需30s</p>
      </li>
      <li>
        查询需要什么？
        <p>手机号、身份证号、本人面部识别，仅需30s</p>
      </li>
    </ol>
    <button type="button" class="mui-btn mui-btn-warning mui-btn-block">下一步</button>
  </div>

</div>














